<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>用户列表--后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../../ui/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="//at.alicdn.com/t/font_tnyc012u2rlwstt9.css" media="all" />
	<link rel="stylesheet" href="../../../ui/css/user.css" media="all" />
	<link rel="stylesheet" href="../../../ui/css/bootstrap.css"/>
</head>
<body class="childrenBody">
	<div id="app">
		<blockquote class="layui-elem-quote news_search">
			<div class="layui-inline">
				<div class="layui-input-inline">
					<input v-model="search" type="text" placeholder="请输入关键字" class="layui-input search_input" name="search">
				</div>
				<a class="layui-btn search_btn" @click="getList()">查询</a>
			</div>
<!--			<div class="layui-inline">-->
<!--				<a class="layui-btn layui-btn-normal usersAdd_btn">添加用户</a>-->
<!--			</div>-->
			<!--<div class="layui-inline">
				<a class="layui-btn layui-btn-danger batchDel">批量删除</a>
			</div>-->
<!--			<div class="layui-inline">-->
<!--				<div class="layui-form-mid layui-word-aux">　本页面刷新后除新添加的文章外所有操作无效，关闭页面所有数据重置</div>-->
<!--			</div>-->
		</blockquote>
		<div class="layui-form users_list">
			<table class="layui-table">
				<colgroup>
					<col>
					<col width="15%">
					<col width="15%">
					<col width="15%">
					<col width="20%">
					<col width="20%">
				</colgroup>
				<thead>
					<tr>
						<!--<th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose" id="allChoose"></th>
						--><th>编号</th>
						<th>用户名</th>
						<th>昵称</th>
						<th>积分</th>
						<th>头像</th>
						<th>电话</th>
						<!--<th>操作</th>-->
					</tr>
				</thead>
				<tbody class="users_content">
					<tr v-for="u in page.userList">
						<!--<td><input type="checkbox" name="" lay-skin="primary" lay-filter="choose" id="choose"></td>
						--><td>{{u.id}}</td>
						<td>{{u.username}}</td>
						<td>{{u.nickname}}</td>
						<td>{{u.balance}}</td>
						<td>{{u.avatar}}</td>
						<td>{{u.phone}}</td>
						<!--<td>
							<button type="button" class="layui-btn layui-btn-danger" @click="delUser(u.id)">
								<i class="layui-icon">&#xe640;</i>删除
							</button>
						</td>-->
					</tr>
				</tbody>
			</table>
		</div>
		<div id="page">
			<span>共{{page.pageTotal}}页</span>
			<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" @click="homePage()">
				首页
			</button>
			<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" @click="pagePrev()">
				上一页
			</button>
			第
			<span>{{page.pageNumber}}</span>
			页
			<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" @click="pageNext()">
				下一页
			</button>
			<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" @click="lastPage()">
				尾页
			</button>
		</div>
	</div>
	<script type="text/javascript" src="../../../lib/vue.min.js"></script>
	<script type="text/javascript" src="../../../ui/layui/layui.js"></script>
	<script type="text/javascript" src="../../../lib/axios.min.js"></script>
	<script type="text/javascript" src="allUsers.js"></script>

</body>
</html>